<div class="navbar">
    <div class="navbar-inner">
        <div class="left"><a href="#" class="back link"> <i class="icon icon-back"></i><span></span></a></div>
        <div class="center sliding">请假单</div>
        <!--<div class="right">-->
        <!--&lt;!&ndash; Right link contains only icon - additional "icon-only" class&ndash;&gt;<a href="#" class="link icon-only open-panel"> <i class="icon icon-bars"></i></a>-->
        <!--</div>-->
    </div>
</div>
<div class="pages">
    <!-- Page, data-page contains page name-->
    <div data-page="offwork" class="page">
        <!-- Scrollable page content-->
        <div class="page-content">
            <div class="offworkmain">
                <div class="userinfo">
                    <div class="info">
                        <div class="name">
                            姓名
                        </div>
                        <div class="text">
                            <input class="txtname" type="text" name="txtName" readonly value="*" style="border: 1px solid #e3e3e4;"/>
                        </div>

                    </div>
                    <div class="info">
                        <div class="name">
                            工号
                        </div>
                        <div class="text">
                            <input class="txtnumber" type="text" name="txtNumber" readonly value="*" style="border: 1px solid #e3e3e4;"/>
                        </div>

                    </div>
                    <div class="info">
                        <div class="name" style="line-height: 30px;">
                            职务
                        </div>
                        <div class="text" style="line-height: 30px;">
                            <input class="txtzhiwu" type="text" name="txtZhiwu" readonly value="*" style="border: 1px solid #e3e3e4;"/>
                        </div>

                    </div>
                    <div class="info">
                        <div class="name" style="line-height: 30px;">
                            部门
                        </div>
                        <div class="text" style="line-height: 30px;">
                            <input class="txtdep" type="text" name="txtDep" readonly value="*" style="border: 1px solid #e3e3e4;"/>
                        </div>

                    </div>
                </div>

                <div class="leaves">
                    <div class="levs">
                        <div class="lev">
                            <div class="type">
                                年假
                            </div>
                            <div class="icon" data-index="0">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                        <div class="lev">
                            <div class="type">
                                婚假
                            </div>
                            <div class="icon" data-index="1">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                        <div class="lev">
                            <div class="type">
                                产假
                            </div>
                            <div class="icon" data-index="2">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                        <div class="lev">
                            <div class="type">
                                丧假
                            </div>
                            <div class="icon" data-index="3">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                        <div class="lev">
                            <div class="type" style="position: relative;
            top: 0%;">
                                病假
                            </div>
                            <div class="icon" data-index="4" style="position: relative;
            top: -100%;">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                        <div class="lev">
                            <div class="type" style="position: relative;
            top: 0%;">
                                事假
                            </div>
                            <div class="icon" data-index="5" style="position: relative;
            top: -100%;">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                        <div class="lev">
                            <div class="type" style="position: relative;
            top: 0%;">
                                休假
                            </div>
                            <div class="icon" data-index="6" style="position: relative;
            top: -100%;">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                        <div class="lev">
                            <div class="type" style="position: relative;
            top: 0%;">
                                其他
                            </div>
                            <div class="icon" data-index="7" style="position: relative;
            top: -100%;">
                                <img src="../image/OffWork/offwork_01.png" />
                            </div>

                        </div>
                    </div>

                    <div class="reason">
                        <textarea class="apple_desc" style="overflow-y:visible; border: 1px solid #e3e3e4; color: black;"></textarea>
                        <img src="../image/OffWork/offwork_03.png"/>
                        <div class="lable">
                            请在以上文本框中完善请假理由，以免请假不通过
                        </div>
                    </div>

                    <div class="time">
                        <div class="starttime">
                            <div class="labletime">
                                请假从
                            </div>
                            <div class="">
                                <div class="content-block" style="margin: 0px; padding: 0px;">
                                    <div style="padding:0; width:auto">
                                        <div style="margin:0; padding-right: 10px;" class="list-block">
                                            <!--<ul style="border-top:none">-->
                                                <!--<li>-->
                                                    <div class="item-content" style="padding: 0px; margin-right: 0px;">
                                                            <div class="item-input">
                                                                <input class="picker" value="请选择时间" type="text" placeholder="请选择时间" readonly id="pick-start" style="padding-bottom: 10px; text-align: center; color: #2E9DB4;">
                                                            </div>
                                                    </div>
                                                <!--</li>-->
                                            <!--</ul>-->
                                        </div>
                                        <!--<div id="pick-start-container"></div>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="endtime">
                            <div class="labletime">
                                到
                            </div>
                            <!--<div class="chosetime">-->
                                <!--请选择时间-->
                                <!--&lt;!&ndash;<input type="date" name="user-date"/>&ndash;&gt;-->
                            <!--</div>-->
                            <div class="">
                                <div class="content-block" style="margin: 0px; padding: 0px;">
                                    <div style="padding:0; width:auto">
                                        <div style="margin:0; padding-right: 10px;" class="list-block">
                                            <!--<ul style="border-top:none">-->
                                            <!--<li>-->
                                            <div class="item-content" style="padding: 0px; margin-right: 0px;">
                                                <div class="item-input">
                                                    <input class="picker" value="请选择时间" type="text"
                                                           placeholder="请选择时间" readonly id="pick-end"
                                                           style="padding-bottom: 10px;
                                                           text-align: center; color: #2E9DB4;">
                                                </div>
                                            </div>
                                            <!--</li>-->
                                            <!--</ul>-->
                                        </div>
                                        <!--<div id="pick-start-container"></div>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="countday">
                            <div class="labletime">
                                合计
                            </div>
                            <input id="day" type="text" style="margin-left: 18px;"/>
                            <span>天</span>
                        </div>
                    </div>
                </div>

                <div class="submit">
                    提&nbsp;&nbsp;交
                </div>
            </div>
            <div style="position: absolute;top: 584px;height: 40px;background-color: #ECECEC">
                &nbsp;
            </div>
        </div>

    </div>
</div>

